<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博文尚美</title>
    <link rel="stylesheet" href="../博文尚美/css/index.css">
</head>

<body>
    <div class="nav">
        <div class="container">
            <img src="../博文尚美/images/logo.jpg" alt="">
            <div class="right">
                <ul>
                    <li>HOME</li>
                    <li>ABOUT</li>
                    <li>PROTFOLIO</li>
                    <li>SERVICE</li>
                    <li>NEWS</li>
                    <li>CONTACT</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <div class="container">
            <img src="../博文尚美/images/banner.jpg" alt="">
        </div>
    </div>
    <div class="service">
        <div class="container">
            <div class="top">
                <p class="a"><div class="b"></div><div class="c"></div>&nbsp;&nbsp;&nbsp;&nbsp;服务范围&nbsp;&nbsp;&nbsp;&nbsp;<div class="c"></div><div class="b"></div></p>
                <p>OUR SERVICES</p>
            </div>
            <div class="bottom">
                <div class="tubiao">
                    <div class="box"><i class="iconfont icon-2"></i></div>
                    <p class="a">1.WEB DESIGN</p>
                    <p>企业品牌网站设计/手机网站制作</p>
                    <p>动画网站创意设计</p>
                </div>
                <div class="tubiao">
                    <div class="box"><i class="iconfont icon-Ic_pickers_sourch1"></i></div>
                    <p class="a">2.GRAPHIC DESIGN</p>
                    <p>标志LOGO设计/产品宣传册设计</p>
                    <p>企业广告/海报设计</p>
                </div>
                <div class="tubiao">
                    <div class="box"><i class="iconfont icon-gouwuche"></i></div>
                    <p class="a">3.E-BUSINESS PLAN</p>
                    <p>淘宝/天猫装修设计及运营推广</p>
                    <p>企业微博、微信营销</p>
                </div>
                <div class="tubiao">
                    <div class="box"><i class="iconfont icon-youjian"></i></div>
                    <p class="a">4.MAILBOXAGENTS</p>
                    <p>腾讯/网易企业邮箱品牌代理</p>
                    <p>个性化邮箱定制开发</p>
                </div>
            </div>
        </div>
    </div>
    <div class="client">
        <div class="container">
            <div class="top">
                <p class="a"><div class="b"></div><div class="c"></div>&nbsp;&nbsp;&nbsp;&nbsp;{ 客户案例 }&nbsp;&nbsp;&nbsp;&nbsp;<div class="c"></div><div class="b"></div></p>
                <p>With the best professional technology, to design the best innovative web site</p>
            </div>
            <div class="middle">
                <div class="tup">
                    <img src="../博文尚美/images/m1.jpg" alt="">
                </div>
                <div class="tup">
                    <img src="../博文尚美/images/m2.jpg" alt="">
                </div>
                <div class="tup">
                    <img src="../博文尚美/images/m3.jpg" alt="">
                </div>
            </div>
            <div class="bottom">
                VIEW MORE
            </div>
        </div>
    </div>
    <div class="new">
        <div class="container">
            <div class="top">
                <p class="a"><div class="b"></div><div class="c"></div>&nbsp;&nbsp;&nbsp;&nbsp;最新资讯&nbsp;&nbsp;&nbsp;&nbsp;<div class="c"></div><div class="b"></div></p>
                <p>TEH LATEST NEWS</p>
            </div>
            <div class="middle">
                <img src="../博文尚美/images/m4.jpg" alt="">
                <div class="right">
                    <div class="title">
                        <div class="up">
                            <div class="left">
                                <p class="a">09</p>
                                <p>Jan</p>
                            </div>
                            <div class="right">
                                <p class="b">网站排名进入前三的技巧说明</p>
                                <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎</p>
                                <p>首页，更不用说进首页前三了。那么网站优...</p>
                            </div>
                        </div>
                        <div class="down">
                            <div class="left">
                                <p class="a">07</p>
                                <p>Jan</p>
                            </div>
                            <div class="right">
                                <p class="b">做个网站多少钱？</p>
                                <p>“做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...</p>
                            </div>
                        </div>
                    </div>
                    <div class="title">
                        <div class="up">
                            <div class="left">
                                <p class="a">08</p>
                                <p>Jan</p>
                            </div>
                            <div class="right">
                                <p class="b">flash网站制作的优缺点</p>
                                <p>虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...</p>
                            </div>
                        </div>
                        <div class="down">
                            <div class="left">
                                <p class="a">06</p>
                                <p>Jan</p>
                            </div>
                            <div class="right">
                                <p class="b">哪些网站优化手法属于网站过度优化</p>
                                <p>大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="container">
            <div class="left">Copyright 2006- 2014 Bowenshangmei Culture All Rights Reserved</div>
            <div class="right">
                <ul>
                    <li>Home</li>
                    <li>About</li>
                    <li>Portfolio</li>
                    <li>Contact</li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>